<template>
	<div id="trainingResources">
		<div class="home-bgblcok">
			<div class="trainingResources-wrap">
				<!-- 培训课程 -->
				<course></course>
				<!-- 资源排行 -->
				<!-- <ranking></ranking> -->
			</div>
		</div>
		<router-view />
	</div>
</template>

<script>
import course from './course.vue';
// import ranking from "./ranking.vue";
export default {
	components: {
		course,
		// ranking,
		OrnamentImg: () => import('../../components/OrnamentImg.vue')
	}
};
</script>

<style lang="scss">
#trainingResources {
	position: relative;
	background: url(../../../../assets/training/bg2.png) bottom no-repeat;
	.home-bgblcok {
		width: 100%;
		color: #fff;
		padding-top: 15px;
		.top-title {
			width: 400px;
			margin: 0 auto;
			border-bottom: 1px solid #f5d690;
			padding-bottom: 20px;
		}
		.left {
			margin-top: 45px;
			.title {
				font-size: 30px;
				font-weight: 900;
			}
			border-right: 1px solid #fff;
			padding-right: 20px;
		}
		.right {
			margin-top: 45px;
			padding-left: 20px;
			font-size: 30px;
		}
		.link {
			width: 400px;
			margin: 0 auto;
			padding-top: 25px;
			text-align: center;
			font-size: 18px;
			padding-bottom: 20px;
			span {
				cursor: pointer;
			}
		}
	}
	.trainingResources-wrap {
		max-width: 1400px;
		margin: 0 auto;
		// position: absolute;
		// left: 253px;
		// top: 225px;
	}
}
</style>
